﻿<header id="mainHeader" class="w">
    <a href="@Url.Action("Default", "Home")" title="BabyShop" class="logo">
        <img src="@Url.Content("~/Content/Images/logo.png")" alt="BabyShop" />
    </a>
    <nav class="mainNav">
        @Html.Action("MainMenu", "Menu")
    </nav>
    <span class="ui-helper-clearfix"></span>
    <div id="o-search">
        @Html.Action("LeftMenu", "Menu")
        <div id="search">
            <div id="i-search">
                <input type="text" placeholder="热卖关键字" value="" id="key">
            </div>
            <input type="submit" onclick="search('key');return false;" id="btn-search" value="搜&nbsp;索">
        </div>
        <div id="hotwords">
            <strong>热门搜索：</strong>
            @*<a target="_blank" href="javascript:void(0);">金士顿U盘</a>
            <a target="_blank" href="javascript:void(0);">威古氏太阳镜</a>
            <a target="_blank" href="javascript:void(0);">三星电视</a>
            <a target="_blank" href="javascript:void(0);">倩碧</a>
            <a target="_blank" href="javascript:void(0);">乐phone</a>
            <a target="_blank" href="javascript:void(0);">DELL笔记本</a>
            <a target="_blank" href="javascript:void(0);">方正笔记本</a>
            <a target="_blank" href="javascript:void(0);">方正笔记本</a>
            <a target="_blank" href="javascript:void(0);">希捷移动硬盘</a>*@
        </div>
        <ul id="mycart">
            <li id="i-mycart" class="fore1">
                <a href="javascript:void(0);">购物车<b id="mycart-amount">0</b>件</a>
                <div id="o-mycart-list" style="display: none;">
                    <div id="mycart-list">
                        <div>您的购物车中暂无商品，赶快选择心爱的商品吧！</div>
                    </div>
                </div>
            </li>
            <li class="fore2"><a href="javascript:void(0);">去结算</a></li>
        </ul>
    </div>
</header>
<script type="text/javascript">
    $(function () {
        $("#i-mycart").hover(function () {
            if ($("#mycart-amount").text() == 0)
                $("#o-mycart-list").stop(true, true).fadeIn(500);
        }, function () {
            if ($("#o-mycart-list").is(":visible"))
                $("#o-mycart-list").stop(true, true).fadeOut(500);
        });
        $('#sortArea>.item').hover(function() {
            $(this).addClass('hover');
        }, function() {
            $(this).removeClass('hover');
        });
    });
</script>